﻿<!DOCTYPE html>
<html ng-app="stuApp" ng-controller="passCtr">

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="../../../css/common/bootstrap.css" type="text/css" rel="stylesheet" />
        <link href="../../../css/common/zzxx.css" type="text/css" rel="stylesheet" />
        <link href="../../../css/common/font-awesome.css" type="text/css" rel="stylesheet" />
        <link href="../../../css/common/angular-toastr.css" type="text/css" rel="stylesheet"/>
        <script type="text/javascript" src="../../../controllers/common/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="../../../controllers/common/bootstrap.min.js"></script>
        <script src="../../../libs/angular/angular-1.6.0/angular.min.js"></script>
        <script src="../../../libs/angular/angular-1.6.0/angular-resource.min.js"></script>
        <script src="../../../libs/angular/angular-1.6.0/angular-cookies.min.js"></script>
        <script src="../../../libs/libs/angular-toastr.tpls.min.js"></script>
        <script src="../../../modules/student/controllers/pass.js"></script>
        <script src="../../../modules/student/services.js"></script>
		<title>闯关</title>
	</head>

	<body>
        <!-- 结算模态框 -->
        <div class="modal fade bs-example-modal-lg" id="example" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="clearance">
                <h1 class="statusone" ng-if="rate==100"></h1>
                <h1 class="statustwo" ng-if="rate<100&&rate>=80"></h1>
                <h1 class="statusthree" ng-if="rate<80&&rate>=60"></h1>
                <h1 class="statusfour" ng-if="rate<60"></h1>
                <div class="clbox">
                    <p><span>正确率:<u>{{rate}}%</u></span><span>用时:<u>{{time}}</u></span></p>
                    <p><i></i>{{integral}}</p>
                    <!--<button ng-if="rate>=60" type="button" ng-click="challenge()">挑战更难</button>-->
                    <p ng-if="rate>=60">
                        <button type="button" ng-click="view_parsing()">查看解析</button>
                        <button type="button" ng-click="again()">再来一次</button>
                        <button type="button" ng-click="modal_define()">继续闯关</button>
                    </p>
                    <p ng-if="rate<60">
                        <button type="button" ng-click="view_parsing()">查看解析</button>
                        <button type="button" ng-click="modal_define()">返回</button>
                        <button type="button" ng-click="again()">重新闯关</button>
                    </p>
                </div>
            </div>
        </div>
        <!-- end 结算模态框 -->
        <!-- 模态框 -->
        <div class="modal fade bs-example-modal-lg" id="warning" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="modal-dialog modal-lg lesson" role="document" style="width:20%">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                        <div class="exit">
                            <div class="exit-info">{{modal_info.info}}</div>
                            <div style="clear:both;margin-top:40px" ng-hide="modal_info.ishide">
                                <button type="button" class="btn" style="margin-right:16px" ng-click="modal_define()">确定</button>
                                <button type="button" class="btn btn-success" ng-click="modal_close()">取消</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end 模态框 -->

        <!--闯关-->
		<div class="wrap" style="margin-top: 40px;margin-bottom:0px">
			<div class="passbox" id="passbox" style="margin-right:56px">
                <img src="../../../css/img/exit.png" ng-click="exit()"/>
				<h3><span>{{num}}/{{total}}</span><p>{{topic.name}}</p></h3>
				<ul>
					<li ng-repeat="item in topic.exerselect"><a href="" ng-click="chooseOption($index)"><span ng-class="$index==topic.index?'active':''">{{item.name}}</span>{{item.namestr}}</a></li>
				</ul> 	
				<button type="button" style="margin-left:100px" class="btn btn-success" ng-disabled="isdisable_pre" ng-click="pre_question()">上一题</button>
				<button type="button" class="btn btn-success" ng-if="num<total" ng-click="next_question()">下一题</button>
                <button type="button" class="btn btn-warning" ng-if="num==total"ng-click="complete()">完成闯关</button>
			</div>
		</div>
        <!--end 闯关-->
        <div class="foot"></div>
	</body>

</html>